@charset "utf-8";
@import "common";
.container-fluid {
    main {
        h1 {
            color: $org;
            font-size: 30px;
            margin: 40px 0;
        }
        .news_header {
            .hot_news {
                .hot_news_img_box {
                    position: relative;
                    overflow: hidden;
                    cursor: pointer;
                    &:hover {
                        .hot_news_desc {
                            bottom: 0;
                        }
                    }
                    .hot_news_img {
                        img {
                            width: 100%;
                            height: 100%;
                            border: 1px solid #eeeeee;
                        }
                    }
                    .hot_news_desc {
                        text-align: center;
                        width: 100%;
                        color: #ffffff;
                        position: absolute;
                        bottom: -30px;
                        font-size: 14px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        padding: 5px;
                        background-color: rgba(0, 0, 0, .5);
                        transition: all .8s;
                    }
                }
            }
        }
        .news_list {
            margin-top: 91px;
            padding-bottom: 70px;
            .news_list_box {
                margin-top: 37px;
                .news_list_img {
                    img {
                        max-width: 100%;
                        padding: 5px;
                        border: 1px solid #eeeeee;
                        border-radius: 3px;
                    }
                }
                .news_list_content {
                    .news_list_content_title {
                        color: #666666;
                        font-size: 18px;
                    }
                    .news_list_date {
                        color: #2a2a2a;
                        font-size: 14px;
                        margin: 16px 0 23px;
                    }
                    .news_list_text {
                        font-size: 14px;
                        color: #2a2a2a;
                        line-height: 24px;
                    }
                    .news_list_btn_box {
                        display: flex;
                        .news_list_btn {
                            margin-left: auto;
                            padding: 5px 0;
                            text-align: center;
                            width: 100px;
                            border: 1px solid $org;
                            border-radius: 25px;
                            color: $org;
                            cursor: pointer;
                            transition: all .8s;
                            margin-top: 15px;
                            &:hover {
                                color: #FFFFFF;
                                background-color: $org;
                            }
                        }
                    }
                }
            }
        }
        .list_page_btn_box {
            width: 90%;
            margin: 0 auto;
            border-top: 1px dashed #d4d4d4;
            display: flex;
            .list_page_btn {
                display: flex;
                margin: 35px auto 25px;
                border: 1px solid #dddddd;
                border-radius: 5px;
                div {
                    cursor: pointer;
                    line-height: 30px;
                    padding: 0 12px;
                    font-size: 12px;
                    color: #2a2a2a;
                    &.page_btn_active,
                    &:not(:first-child):hover {
                        color: #ffffff;
                        background-color: $org;
                    }
                }
                div:not(:last-child) {
                    border-right: 1px solid #dddddd;
                }
            }
        }
    }
}

@media only screen and (max-width:1024px) {
    .container-fluid {
        main {
            .news_header {
                .hot_news {
                    .hot_news_img_box {
                        .hot_news_desc {
                            bottom: 0;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .container-fluid {
        main {
            .news_header {
                padding-bottom: 10px;
                border-bottom: 1px solid $org;
            }
            .news_list {
                margin-top: 20px;
                .news_list_box {
                    padding-bottom: 10px;
                    border: 1px solid #9D9D9D;
                    border-radius: 5px;
                    .news_list_img {
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .news_list_content {
                        width: 95%;
                        margin: 0 auto;
                        .news_list_btn_box {
                            .news_list_btn {
                                margin: auto;
                            }
                        }
                    }
                }
            }
            .list_page_btn_box {
                .list_page_btn {
                    div {
                        padding: 0 8px;
                    }
                }
            }
        }
    }
    .hot_news {
        width: 95%;
        margin: 20px auto;
    }
    .hot_news_img_box {
        border-radius: 10px;
        overflow: hidden;
        //      box-shadow:1px 1px 10px #9D9D9D;
        .hot_news_img {}
    }
    .news_list_img {}
}